window.onload = function(){
 // url网站域名
 var url="http://hengzhi.ayvvv.com";
 // 三级分类信息循环开始  链接未填写


    $.ajax({          
            url:url + "/api/store/product/category/lst", 
            dataType:"json",
            type:"get", 
            async:true,
            success:function(sort){
                
                 for (var i = 0; i < sort.data.length; i++) {
                     $('#sort_class').after('<li class="item"><h2><a href=""><i class="icon icon01"></i><span class="name">'+sort.data[i].cate_name + '</span><spanclass="arrow">&gt;</span></a></h2><div class="sublist"><div class="sublist-body clearfix"><div class="sublist-body-left"><span id="sort_class'+i + '"></span></div></div></div></li>');
                    for (var j = 0; j < sort.data[i].children.length; j++) {
                        $('#sort_class'+i + '').after('<dl><dt><a href="javascript:;" title="">'+sort.data[i].children[j].cate_name + '</a><dd><span id="sort_classs'+j + '"></span></dd></dt></dl>');
                            for (var l = 0; l < sort.data[i].children[j].children.length; l++) {
                                console.log();
                                $('#sort_classs'+j + '').after(`<em><a title="" href="list.html?cate_id=`+sort.data[i].children[j].children[l].store_category_id+`">`+sort.data[i].children[j].children[l].cate_name + `</a></em>`);
                            }
                    }
                }
            },      
            error:function(){}
            });
        // $.ajax({          
        //     url:url + "/api/store/product/category/lst", 
        //     dataType:"json",
        //     type:"get", 
        //     async:true,
        //     success:function(sort){

        //          for (var i = 0; i < sort.data.length; i++) {
        //             console.log( '一级分类！'+sort.data[i].cate_name);
        //              $('#sort_class').append('<li class="item"><h2><a href=""><i class="icon icon01"></i><span class="name">'+sort.data[i].cate_name + '</span><spanclass="arrow">&gt;</span></a></h2><div class="sublist"><div class="sublist-body clearfix"><div class="sublist-body-left"><dl id="sort_class'+i + '"></dl></div></div></div></li>');
        //             for (var j = 0; j < sort.data[i].children.length; j++) {
        //              console.log('二级分类！！'+sort.data[i].children[j].cate_name);
        //                 $('#sort_class'+i + '').append('<dt><a href="" title="">'+sort.data[i].children[j].cate_name + '</a><dd><span id="sort_classs'+j + '"></span></dd></dt>');
        //                     for (var l = 0; l < sort.data[i].children[j].children.length; l++) {
 
        //                         // console.log('三级分类！！！'+sort.data[i].children[j].children[l].cate_name);
        //                         $('#sort_classs'+j + '').append('<em><a title="" href="">'+sort.data[i].children[j].children[l].cate_name + '</a></em>');
        //                     }
        //             }
        //         }
        //     },      
        //     error:function(){}
        //     });
 // 三级分类信息循环结束


// 首页内容渲染开始  链接未填写
    $.ajax({          
            url:url + "/api/common/home", 
            dataType:"json",
            type:"get", 
            async:true,
            success:function(data){
                // 导航栏开始
                var v=data.data.category;
                for (var i = 0; i < v.length; i++) {
                    $('#web_navigation').append('<li><a href="#" title="'+v[i].cate_name+ '">'+v[i].cate_name+ '</a></li>');
                }
                $('#web_navigation').append('<li><a href="#" title="">顶起样式</a></li>');
                $('#web_navigation').append('<li><a href="#" title="">顶起样式</a></li>');
                // 导航栏结束
                // banner图开始
                var banner=data.data.banner;
                for (var i = 0; i < banner.length; i++) {
                    $('#banner_home').append('<li><a href="'+url+banner[i].url+ '" title=""><img src="'+banner[i].pic+ '" width="720" height="290"/></a></li>');
                }
                // banner图结束
                // banner图下面的推荐hot开始
                var b_hot=data.data.hot;
                for (var i = 0; i < b_hot.length; i++) {
                    $('#b_hot').append('<li><a href="'+url+b_hot[i].url+ '" title="'+b_hot[i].title+ '"><img src="'+b_hot[i].pic+ '"/></a></li>');
                }
                // banner图下面的推荐hot结束
            },      
            error:function(){}
            });
 // 首页内容渲染结束



 // 首页商品加载开始  链接未填写
    // 加载分类ajax开始
    $.ajax({          
            url:url + "/api/store/product/category/lst", 
            dataType:"json",
            type:"get", 
            async:true,
            success:function(sort){

                for (var i = 0; i < 5; i++) {

                     var product_html = `<div class="floor container" id="F`+i+`">
            <h2 class="floor-header"><span class="floor-num">`+i+`F</span> <span class="floor-name">`+sort.data[0].children[0].children[i].cate_name+`</span></h2>
            <div class="floor-body clearfix" >
                <div class="floor-left">
                    <div class="floor-left"><img src="static_static/picture/f1.jpg" alt="" hidefocus="true"
                                                 usemap="#floor01Map"/>
                        <map id="floor01Map" name="floor01Map">
                            <area href="#"
                                  alt="笔类" shape="circle" coords="68,59,34"/>
                            <area href="#" alt="文管用品" shape="circle" coords="150,59,34"/>
                            <area href="#" alt="纸品" shape="circle" coords="230,59,34"/>
                            <area href="#" alt="计算器" shape="circle" coords="68,134,34"/>
                            <area href="#" alt="粘胶用品" shape="circle" coords="150,134,34"/>
                            <area href="#" alt="本册" shape="circle" coords="230,134,34"/>
                        </map>
                    </div>
                </div>

                <div class="floor-middle" id="`+sort.data[0].children[0].children[i].store_category_id+`">
            

                </div>

                <div class="floor-right">

                    <h2>热卖排行榜</h2>
                    <div class="slideBox item-pages">
                        <ul class="items">
                            <li class="item-page" id="hot`+sort.data[0].children[0].children[i].store_category_id+`">





                           </li>  
                        </ul>
                    </div>
                </div>
            </div>
            <div class="floor-ad"><p><img src="static_static/picture/tl5-1.jpg" alt=""/></p>
            </div>
        </div>`;
                $('#main').append(product_html);
                // console.log(sort.data[i].store_category_id);
                    // 加载对应分类的商品开始                   
                            $.ajax({
                                    url:url + '/api/store/product/lst?cate_id='+sort.data[0].children[0].children[i].store_category_id+'&order=&price_on=&price_off=&brand_id=&keyword=&', 
                                    dataType:"json",
                                    type:"get",
                                    data:{page: 1,limit: 6},
                                    async:true,
                                    success:function(product_data){

                                        for (var i = 0; i < product_data.data.list.length; i++) {
                                        $("#"+product_data.data.list[0].cate_id).append(`<div style="display:none"></div>
                                                                                                <div class="item">
                                                                                                <a href="goods.html?product_id=`+product_data.data.list[i].product_id+`&brand_id=`+product_data.data.list[i].brand_id+`&cate_id=`+product_data.data.list[i].cate_id+`"
                                                                                                   title="`+product_data.data.list[i].store_name+`">
                                                                                                    <p class="name">`+product_data.data.list[i].store_name+` </p>
                                                                                                    <p class="slogan">`+product_data.data.list[i].keyword+`</p>
                                                                                                    <img src="`+product_data.data.list[i].image+`"/>
                                                                                                </a>
                                                                                        </div>`);
                                        }

                                    },      
                                    error:function(){}
                                    });

                    // 加载对应分类的商品结束
                    // 加载对应分类的热卖商品开始                   
                            $.ajax({
                                    url:url + '/api/store/product/lst?cate_id='+sort.data[0].children[0].children[i].store_category_id+'&order=sales&price_on=&price_off=&brand_id=&keyword=&', 
                                    dataType:"json",
                                    type:"get",
                                    data:{page: 1,limit: 3},
                                    async:true,
                                    success:function(product_data){
                                        for (var i = 0; i < product_data.data.list.length; i++) {
                                        $("#hot"+product_data.data.list[0].cate_id).append(` <div class="item">
                                                                                            <a href="goods.html?product_id=`+product_data.data.list[i].product_id+`&brand_id=`+product_data.data.list[i].brand_id+`&cate_id=`+product_data.data.list[i].cate_id+`"
                                                                                               title="`+product_data.data.list[i].store_name+`">
                                                                                                <img src="`+product_data.data.list[i].image+`"/>
                                                                                                <p class="spacer"></p>
                                                                                                <p class="name">`+product_data.data.list[i].store_name+`</p>
                                                                                                <p class="price">`+product_data.data.list[i].pirce+`</p>
                                                                                            </a>
                                                                                        </div>`);
                                        }

                                    },      
                                    error:function(){}
                                    });

                    // 加载对应分类的热卖商品结束

                };
            },      
            error:function(){}
            });
    // 加载分类ajax结束    
 // 首页商品加载结束.

// 首页内容渲染开始  链接未填写
    $.ajax({          
            url:url + "/api/config", 
            dataType:"json",
            type:"get", 
            async:true,
            success:function(config){
                console.log("每个页配置信息");
            },      
            error:function(){}
            });
 // 首页内容渲染结束


// layer.alert('内容')
}